<template>
	<view class="grouperDrawRecord">
		<view class="draw_record_item" v-for="(item, index) in moneyRecordList.lists" :key="index">
			<view class="draw_record_item_left_box">
				<view class="fn-sz-30 fn-cl-333333 mar-bottom-6">{{ statusType[item.wit_status] }}</view>
				<view class="fn-sz-26 fn-cl-999999">{{ item.create_time }}</view>
			</view>
			<view class="draw_record_item_right_box">
				<span class="fn-sz-24">￥</span>
				<span class="fn-sz-32">{{ item.wit_money }}</span>
			</view>
		</view>
	</view>
</template>

<script>
import com from '../../mixin/index.js';
export default {
	mixins: [com],
	data() {
		return {
			moneyRecordList: {
				lists: [],
				total: 1,
				total_page: 0
			},
			page: {
				page: 1,
				page_size: 12
			},
			statusType: {
				wait: '待审核',
				accept: '审核通过（转款中)'
			}
		};
	},
	onLoad(val) {
		console.log(val, '获取团长信息');
		if (val.balance) {
			val.balance ? (this.balance = val.balance) : '0';
		}
		this.getBillList();
	},
	onReachBottom() {
		this.getBillList();
	},
	methods: {
		getBillList() {
			this.getList('moneyRecordList', 'getWithdrawList', 'page', { ...this.page });
		}
	}
};
</script>

<style lang="scss">
.grouperDrawRecord {
	padding: 24rpx;
	min-height: 100vh;
	background-color: #f9f9f9;
	box-sizing: border-box;
	.draw_record_item {
		display: flex;
		align-items: center;
		justify-content: space-between;
		background: #ffffff;
		border-radius: 20rpx;
		padding: 23rpx 26rpx;
		margin-bottom: 20rpx;
		.draw_record_item_left_box {
		}
		.draw_record_item_right_box {
			color: #f34035;
		}
	}
}
</style>
